<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摄影构图</title>

    <link rel="stylesheet" href="./css/子.css">
    
    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>
<div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li ><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>
<body>
    
    
    <div class="tit">
        <ul>
            <h1>摄影构图</h1>
            <li>Photography/摄影构图</li>
        </ul>
    </div>

    <div class="content">
        <div>
            <!-- 小字介绍 -->
            <p>构图的定义：艺术家为了表现作品的主题思想和美感效果，在一定的空间，安排和处理人、物的关系和位置，把个别或局部的形象组成艺术的整体。</p>

            <div>
                <span>三分割法</span>
                <p>摄影的基本技巧之一，国内也把它称之为“九宫格构图法”。用两条水平线和垂直线将画面九等分，将主题元素置于线的交点之上，既突出主题，又能使画面更为舒适。</p>
                <!-- 两个图片之间要有间隔 -->
                <img src="./images/摄影2A.jpg" alt="">
                <img src="./images/摄影2B.jpg" alt="">
            </div>

            <div>
                <span>对称法</span>
                <p>对称是构图的基础手法之一，主要作用是使画面具有稳定性。</p>
                <img src="./images/摄影2C.jpg" alt="">
                <p>该图为左右对称，适用于道路、建筑摄影。此外还有上下对称，适用于反射、倒影等情况。</p>
            </div>

            <div>
                <span>引导线构图法</span>
                <p>引导线有助于将看图的人的视线集中在最重要的元素上。可以利用道路、墙壁、规则图形等作为引导线。</p>
                <img src="./images/摄影2D.jpg" alt="">
                <p>上图有效利用地板图案上的线条作为引导线，将我们的目光引向照片的主题元素--埃菲尔铁塔。同时该图还采用了上述的左右对称法。</p>
            </div>

            <div>
                <span>对角线和三角形构图法</span>
                <p>水平线和垂直线往往给人一种安定平和的感觉，而对角线和三角形则带有一种"动的张力"。</p>
                <img src="./images/摄影2E.jpg" alt="">
                <p>上图采用了大量的三角形和对角线，给人一种很有张力的感觉。</p>
            </div>
            <div>
                <span>空白法则</span>
                <p>注意照片主体的朝向和动向，合理地在画面上制造空白可以收到意想不到的效果。</p>
                <img src="./images/摄影2F.jpg" alt="">
                <p>在船的行进方向留白，动感立现。</p>
            </div>
        </div>
    </div>
    <!-- 到时候加上资料源于简书帖子，侵权删https://www.jianshu.com/p/248e75d38c3e -->
</body>
<foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</html>